<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/head.jsp"%>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">

<div class="right">
    <div class="location">
        <strong>当前位置:</strong>
        <span>宠物列表</span>
    </div>

    <div class="search">
        <form method="get" action="${pageContext.request.contextPath }/sys/pet/toList">
            <span>宠物类型：</span>
            <select name="petType" id="petType">
                <option value="">--全部--</option>
                <c:forEach var="item" items="${list}">
                    <option  value="${item.id}">${item.typeName}</option>
                </c:forEach>
            </select>
            <input type="hidden" name="pageIndex" value="1"/>
            <input	value="查 询" type="submit" id="searchbutton">
            <a href="${pageContext.request.contextPath }/sys/pet/toSave">添加</a>
        </form>
    </div>
    <!--表格 -->
    <table class="supplierTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="5%">编号</th>
            <th width="10%">宠物名称</th>
            <th width="10%">宠物类型</th>
            <th width="5%">宠物性别</th>
            <th width="10%">救助日期</th>
            <th width="15%">图片</th>
            <th width="6%">领养状态</th>
            <th width="6%">备注</th>
            <th width="25%">操作</th>
        </tr>
        <c:forEach var="item" items="${pets}" varStatus="status">
            <tr>
                <td>
                    <span>${item.id}</span>
                </td>
                <td>
                    <span>${item.petName}</span>
                </td>
                <td>
                    <span>${item.typeName}</span>
                </td>
                <td>


                    <c:if test="${item.state == 1}">雌</c:if>
						<c:if test="${item.sex == 2}">雄</c:if>
                    </span>
                </td>
                <td>
                    <span>${item.birthday}</span>
                </td>
                <td>
                    <span>

                         <img style="width: 50px;height: 50px;" src="/statics/uploadfiles/${item.pic}">
                    </span>
                </td>
                <td>
					<span>
						<c:if test="${item.state == 1}">已领养</c:if>
						<c:if test="${item.state == 2}">未领养</c:if>
					</span>
                </td>
                <td>
					<span>
						${item.remark}
					</span>
                </td>
                <td>
                    <span><a class="modifyStorageRecord" href="javascript:;" id=${item.id } ><img src="${pageContext.request.contextPath }/statics/images/upd.png" alt="修改" title="修改"/></a></span>
                    <span><a class="deleteStorageRecord" href="javascript:;" id=${item.id }><img src="${pageContext.request.contextPath }/statics/images/del.png" alt="删除" title="删除"/></a></span>
                </td>
            </tr>
        </c:forEach>
    </table>
    <input type="hidden" id="totalPageCount" value="${totalPageCount}"/>
    <c:import url="/WEB-INF/jsp/sysRole/rollpage.jsp">
        <c:param name="totalCount" value="${totalCount}"/>
        <c:param name="currentPageNo" value="${currentPageNo}"/>
        <c:param name="totalPageCount" value="${totalPageCount}"/>
    </c:import>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeBi">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>确定删除该数据吗？</p>
            <a href="#" id="yes">是</a>
            <a href="#" id="no">否</a>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/pet/list.js"></script>